<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="_PUBLIC_/css/base.css" />
    <link rel="stylesheet" href="_PUBLIC_/css/header.css" />
    <link rel="stylesheet" href="_PUBLIC_/css/register.css" />
    <link rel="stylesheet" href="_PUBLIC_/css/tanchuang.css" />
</head>
<body>
<div class="header">
    <div class="content">
        <img src="_PUBLIC_/img/login.png" />
        <div class="mune">
            <div class="active"><a href="{:U('Index/index')}">见证首页</a></div>
            <div><a href="{:U('Money/money')}">成为代理</a></div>
            <div><a href="{:U('Personal/user')}">会员中心</a></div>

        </div>
        <p class="rexian">客服热线：<span>14141414141</span></p>
        <p class="zhengjian">欢迎来到正见代理系统</p>
        <a href="javascript:;">进入正见官网》</a>
    </div>
</div>

    <div class="box">
        <div class="box-content clearfix">
            <div class="clearfix">
                <div class="box-left">
                    登录名：
                </div>
                <div class="box-right">
                    <input class="name" autofocus="" placeholder="请输入用户名">
                </div>
            </div>
            <div class="clearfix">
                <div class="box-left">
                    密码：
                </div>
                <div class="box-right">
                    <input class="psw1" type="password"  placeholder="请输入密码">
                </div>
            </div>
            <div class="clearfix">
                <div class="box-left">
                    确认密码：
                </div>
                <div class="box-right">
                    <input class="psw2" type="password" class="mima2"  placeholder="请再次输入密码">
                </div>
            </div>

            <div class="clearfix">
                <div class="box-left">
                    户籍所在地：
                </div>
                <div class="box-right">
                    <input class="huji"  placeholder="请输入户籍所在地">
                </div>
            </div>
            <!--<div class="clearfix">-->
                <!--<div class="box-left">-->
                    <!--身份证号：-->
                <!--</div>-->
                <!--<div class="box-right">-->
                    <!--<input class="shenfenzheng" required="" placeholder="请输入身份证号">-->
                <!--</div>-->
            <!--</div>-->
            <div class="clearfix">
                <div class="box-left">
                    手机号：
                </div>
                <div class="box-right">
                    <input class="phone" placeholder="请输入手机号" pattern="1[3|4|5|7|8][0-9]{9}$">
                </div>
            </div>

            <div class="clearfix">
                <div class="box-left">
                    手机号验证码：
                </div>
                <div class="box-right yanzheng">
                    <input class="yanzhengma" placeholder="请输入验证码">
                    <!--<span>点击发送验证码</span>-->
                    <button>点击发送验证码</button>
                </div>
            </div>
            <div class="clearfix">
                <div class="box-left">
                    邀请码：
                </div>
                <div class="box-right">
                    <input class="code" required="" placeholder="请输入邀请码">
                </div>
            </div>

            <div class="xieyi clearfix">
                <label><input type="checkbox">阅读并接受《用户协议》</label>
                <button class="submit" type="submit">注册</button>
            </div>
            <div style="clear: both;"></div>
            <div class="text-center wenxing">
                温馨提示：邀请码不知道，请联系上级，或拨打027-4546454
            </div>
        </div>

    </div>
<!--尾部-->


<div class="footer">
    <p>发发发生撒发生</p>
    <p>按时发发发发发顺丰</p>
    <p>暗示法法师方法撒打算发的</p>
</div>

<!--提示-->
<div class="tishi">
    <p><span>5</span>秒后自动关闭</p>
    <p class="miaoshu">账号密码错误</p>
</div>
</body>
<script src="_PUBLIC_/js/jquery.min.js"></script>
<script type="text/javascript" src="_PUBLIC_/js/tankuang.js" ></script>
<script>
    var d;
    $(".yanzheng button").click(function(){
        console.log("1")
        $(this).attr("disabled","disabled")

        var phone=$(".phone").val();

        $.ajax({
            'url':"{:U('User/getCheckCode')}",
            'type':'post',
            'data':{'phone':phone},
            success:function(data){
                if(data.code == 1){
                    alert('发送成功');
                }else{
                    alert('发送失败');
                }
            }
        });

        var i=60;
        $(".yanzheng button").html(i+"后再次获取验证码")
        d= setInterval(function(){
            i--;
            $(".yanzheng button").html(i+"后再次获取验证码")
            if(i<1){
                i=1;
                $(".yanzheng button").attr("disabled",false).html("点击发送验证码")
                clearInterval(d);
            }

        },1000)
    })


    //用户名正则    请输入输入5-20个以字母开头、可带数字、“_”、“.”的数
    var uesr=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
    //密码正则   请输入输入6-20个字母、数字、下划线
    var mima=/^(\w){6,20}$/;
    //		    手机正则
    var regu =/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
    //		    身份正则
    var shenfen =/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
    //用户名
    $(".name").blur(function(){
        var name= $(".name").val();
        if(!uesr.test(name)){
            $.fn.tishi_show({
                xingxi:"请输入输入5-20个以字母开头、可带数字、“_”、“.”的用户名"
            })
            return false;
        }
    })

    //密码
    $(".psw1").blur(function(){
        var psw1= $(".psw1").val();
        if(!mima.test(psw1)){
            $.fn.tishi_show({
                xingxi:"请输入输入6-20个字母、数字、下划线"
            })
            return false;
        }
    })

    //确认密码
    $(".psw2").blur(function(){
        var psw1= $(".psw1").val();
        var psw2= $(".psw2").val();
        if(psw1!==psw2){
            $.fn.tishi_show({
                xingxi:"两次密码不一致"
            })
            return false;
        }
    })
    //手机
    $(".phone").blur(function(){
        var phone= $(".phone").val();
        if(!regu.test(phone)){
            $.fn.tishi_show({
                xingxi:"请输入正确格式的手机号"
            })
            return false;
        }
    })
    //身份证
//    $(".shenfenzheng").blur(function(){
//        var shenfenzheng=$(".shenfenzheng").val();
//        if(!shenfen.test(shenfenzheng)){
//            $.fn.tishi_show({
//                xingxi:"请输入正确格式的身份证"
//            })
//            return false;
//        }
//    })


    $(".submit").click(function(){
        var name= $(".name").val();
        var psw1= $(".psw1").val();
        var psw2= $(".psw2").val();
        var huji=$(".huji").val();
//        var shenfenzheng=$(".shenfenzheng").val();
        var code=$(".code").val();
        var phone=$(".phone").val();
        var yanzhengma=$(".yanzhengma").val();

        if(!uesr.test(name)){
            $.fn.tishi_show({
                xingxi:"请输入输入5-20个以字母开头、可带数字、“_”、“.”的用户名"
            })
            return false;
        }

        if(!mima.test(psw1)){
            $.fn.tishi_show({
                xingxi:"请输入输入6-20个字母、数字、下划线的密码"
            })
            return false;
        }

        if(psw1!=psw2){
            $.fn.tishi_show({
                xingxi:"两次密码不一致"
            })
            return false;
        }

        if(!regu.test(phone)){
            $.fn.tishi_show({
                xingxi:"请输入正确的手机格式"
            })
            return false;
        }

//        if(!shenfen.test(shenfenzheng)){
//            $.fn.tishi_show({
//                xingxi:"请输入正确的身份证格式"
//            })
//            return false;
//        }

        if(name==""||psw1==""||psw2==""||huji==""||code==""||phone==""||yanzhengma==""){
            $.fn.tishi_show({
                xingxi:"不能输入空值"
            })
            return false;
        }
        if($(".xieyi input").prop("checked")==false){
            $.fn.tishi_show({
                xingxi:"请先阅读《用户协议》"
            })
            return false;
        }


//          if(name==""||psw1==""||psw2==""||huji==""||shenfenzheng==""||code==""||phone==""||yanzhengma==""){
//          	$.fn.tishi_show({
//					xingxi:"不能输入空值"
//				})
//          }else{
//				if($(".xieyi input").prop("checked")==false){
//					$.fn.tishi_show({
//					xingxi:"请先阅读《用户协议》"
//					})
//				}else{
//		            if(psw1!=psw2){
//						$.fn.tishi_show({
//							xingxi:"两次密码不一致"
//						})
//				    }else{
//				    	if(!regu.test(phone)){
//				    		$.fn.tishi_show({
//							   xingxi:"请输入正确的手机格式"
//							})
//
//				    	}else{
//				    		if(!shenfen.test(shenfenzheng)){
//				    			$.fn.tishi_show({
//							   		xingxi:"请输入正确的身份证格式"
//							    })
//				    		}else{
//				    			console.log("合格")
//				    		}
//				    	}
//				    }
//				}
//          }

        $.ajax({
            'type':'post',
            'url':"{:U('User/toregister')}",
            'data':{'user':name,'password':psw1,'addres':huji,'code':code,'phone':phone,'checkcode':yanzhengma},

            success:function(data){
                if(data.code ==1){
                    alert('注册成功');
                    window.location.href = "{:U('Index/index')}";
                }else{
                    alert('注册失败，请重新注册');
                    window.location.reload();
                }
            },

            error:function(data){

            }
        });

    })
</script>
</html>
